import { login, } from '@/api/user'
import { getToken, setToken, removeToken } from '@/utils/auth'
import router, { resetRouter } from '@/router'

const state = {
	token: getToken(),
	name: '',
	avatar: '',
	introduction: '',
	roles: []
}

const mutations = {
	SET_TOKEN: (state, token) => {
		state.token = token
	},
	SET_INTRODUCTION: (state, introduction) => {
		state.introduction = introduction
	},
	SET_NAME: (state, name) => {
		state.name = name
	},
	SET_AVATAR: (state, avatar) => {
		state.avatar = avatar
	},
	SET_ROLES: (state, roles) => {
		state.roles = roles
	}
}

const actions = {
	// user login
	login({ commit }, userInfo) {
		const { username, password } = userInfo
		return new Promise((resolve, reject) => {
			login({ username: username.trim(), password: password }).then(response => {
				const { data } = response
				const { userInfo, token } = data
				commit('SET_TOKEN', token)
				setToken(data.token)

				// setDef ----------------
				const setDef = {
					// roles: ["/dashboard", "/RCIM-historyData", "/RCIM-nuclearSafetyRanking", "/integrated-data"],
					roles: ['admin'],
					avatar: null,
					introduction: '我是测试的管理员',
				}
				if(userInfo.permission !== 'all'){
					try {
						setDef.roles = JSON.parse(userInfo.permission)
					} catch (error) {
						setDef.roles = []
					}
					setDef.roles.push('*')
				}
				Object.assign(userInfo, setDef)
				const timestamp = new Date().getTime();
				const store = {
					...userInfo,
					timestamp
				}
				window.localStorage.setItem("llqAuth", JSON.stringify(store))
				resolve()
			}).catch(error => {
				reject(error)
			})
		})
	},

	// get user info
	getInfo({ commit, state }) {
		return new Promise((resolve, reject) => {
			try {
				const store = window.localStorage.getItem("llqAuth")
				const data = JSON.parse(store)
				if (!data) {
					reject('Verification failed, please Login again.')
				}
				const { roles, name, avatar, introduction, username } = data

				// roles must be a non-empty array
				if (!roles || roles.length <= 0) {
					reject('getInfo: roles must be a non-null array!')
				}

				commit('SET_ROLES', roles)
				commit('SET_NAME', username)
				commit('SET_AVATAR', avatar)
				commit('SET_INTRODUCTION', introduction)
				resolve(data)
			} catch (error) {
				reject(error)
			}
		})
	},

	// user logout
	logout({ commit, state, dispatch }) {
		return new Promise((resolve, reject) => {
			try {
				commit('SET_TOKEN', '')
				commit('SET_ROLES', [])
				removeToken()
				resetRouter()

				// reset visited views and cached views
				// to fixed https://github.com/PanJiaChen/vue-element-admin/issues/2485
				dispatch('tagsView/delAllViews', null, { root: true })

				resolve()
			} catch (error) {
				reject(error)
			}

			// logout(state.token).then(() => {
			// 	commit('SET_TOKEN', '')
			// 	commit('SET_ROLES', [])
			// 	removeToken()
			// 	resetRouter()

			// 	// reset visited views and cached views
			// 	// to fixed https://github.com/PanJiaChen/vue-element-admin/issues/2485
			// 	dispatch('tagsView/delAllViews', null, { root: true })

			// 	resolve()
			// }).catch(error => {
			// 	reject(error)
			// })
		})
	},

	// remove token
	resetToken({ commit }) {
		return new Promise(resolve => {
			commit('SET_TOKEN', '')
			commit('SET_ROLES', [])
			removeToken()
			resolve()
		})
	},

	// dynamically modify permissions
	changeRoles({ commit, dispatch }, role) {
		return new Promise(async resolve => {
			const token = role + '-token'

			commit('SET_TOKEN', token)
			setToken(token)

			const { roles } = await dispatch('getInfo')

			resetRouter()

			// generate accessible routes map based on roles
			const accessRoutes = await dispatch('permission/generateRoutes', roles, { root: true })

			// dynamically add accessible routes
			router.addRoutes(accessRoutes)

			// reset visited views and cached views
			dispatch('tagsView/delAllViews', null, { root: true })

			resolve()
		})
	}
}

export default {
	namespaced: true,
	state,
	mutations,
	actions
}
